<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <!--标题标签-->
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>

    <!--br换行标签-->
    中国足球什么时候<br/>夺冠？
    <!--段落标签-->
    <p style="border: 1px solid black;color: red">段落</p>
    中国足球的出路在哪儿？

    <!--无序列表-->
    <h4>购物清单</h4>
    <ul>
      <li>大米20斤</li>
      <li>面包5个</li>
      <li>矿泉水2瓶</li>
      <li>猪肉3斤</li>
    </ul>

    <!--有序列表-->
    <h4>朗沃课程体系</h4>
    <ol>
      <li>java基础</li>
      <li>java面向对象语法基础</li>
      <li>java常用API</li>
      <li>数据库基础</li>
      <li>javaSE高级</li>
    </ol>

    <!--div分区块-->
    <div style="border: 2px solid red;width: 300px;height: 200px;">
      来蓉人员统一隔离14天
    </div>

    <!--span跨越多个字符-->
    NBA夺冠呼声最高的湖人队，居然连
    <span style="color: blue;font-size: 18px;font-weight: bold">附加赛</span>
    都进不去。

    <div></div>

    <!--图片-->
    <!--当前网页和图片在同一目录下，可以直接写文件名-->
    <img src="17.jpg" width="200" height="200"/>

    <!--图片在当前网页的子目录下，路径书写为：子目录名/图片文件名-->
    <img src="image/13.jpg" width="200" height="200"/>

    <!--图片在当前网页的父目录下，路径书写为：../图片文件名-->
    <img src="../14.jpg" width="200" height="200"/>

    <img src="../../img/user/6.jpg" width="200" height="200">
</body>
</html>
